


.col_l{float: left}
.col_c{float: left;margin-left: 15px;display: inline}
.col_r{float: right;margin-left: 15px;display: inline;}
.w715{width: 715px;}
.w765{width: 765px;}
.w180{width: 180px;}
.boxsearch{ float:right; width: 212px; height:27px; margin:3px 0 0 0;}
.boxsearch_l{ float:left; width: 12px; height:27px; background: url(../images/search_l.gif) no-repeat;}
.boxsearch_bg{ float:left; width:200px; height:27px; background: url(../images/search_bg.gif) repeat-x;}
.bginput{ float:left; width:200px;}
.dmsc{ float:left; width:80px;}
.boxsearch_bg input{ font-size:11px; border:none; margin-top:1px; float:left;}
.boxsearch_bg font{ color:#c9c9ca; padding-right:5px; font-size:10px;}

#messageSent{color:#ff9933;}
#messageSent a{ text-decoration:none;}
#messageSent a:hover{color:#FF9900; text-decoration: underline;}


.linkmain{ float:left; width:100%; padding:0px 0;}


.main_left{ float:left; width:232px;}
.wrapper-content{width:980px; margin:0px auto;}
.container{float: left;width: 100%;margin-top: 15px;position: relative  }
.container_l{ float:left; width:232px; background:#f7f6f6; border:1px #edecec solid; -moz-border-radius:10px; border-radius:10px;-webkit-border-radius:10px; behavior:url(ie-css3.htc);}
.left{ float:left;  display: inline;}
.h_announce{
    padding-top: 19px;
}
.h_announce ul li {

    margin-left: 1px;   
    float: left;
    position: relative;

}
.h_announce a {
    cursor: pointer;
    height: 26px;
    min-width: 32px;
    border: 1px solid #FFFFFF;
    border-radius: 2px;   
    display: inline-block;
}
.h_announce a.over{
    border: 1px solid #AEE5DB;
}

.h_announce ul li.sub {  
    position: relative;
}
.h_announce ul li.sub a span{     
    margin-top: 1px;
}
.h_announce ul li.sub ul{  
    background: #FFFFFF;    
    margin: 0;
    padding: 0px 0px 5px 5px;
    width: 132px;
}
.h_announce ul li.sub ul li{     
    float: none; 
    margin-top: 8px;
}
.h_announce ul li.sub .line_dn ul li,.h_announce ul li.sub .line_dn ul{     
    float: left;
    width: 95%;

}
.h_announce ul li.sub ul li a{     
    border: none; 
    height: auto;
}

.accordion {
    width: 213px; float:left;
}
.accordion h3 {
    background: url(../images/leftnone.gif) no-repeat;
    width:213px;
    height:25px;
    padding: 5px 0 0 0;
    text-indent:22px;
    margin: 0;

    border-bottom: none;
    cursor: pointer;
    font-size:11px;
    float:left;
}
.accordion h3:hover {
    background: url(../images/lefthover.gif) no-repeat;
}
.accordion h3.active {
    background: url(../images/lefthover.gif) no-repeat;
}
.accordion .content{
    margin: 0;
    width:100%;
}

.accordion .content{
    float:left;
    width:100%;
}

.accordion .content .title1{
    float:left;
    width:178px;
    margin:5px 0 0 18px;
    display:inline;
    background: url(../images/dot.gif) repeat-x bottom center;
    padding:0 0 3px 0;
    font-size:11px;
    font-weight:bold;

}

.accordion .content .list_tt{ float:left; width:178px; padding:8px 0;margin:5px 0 0 18px; display:inline;}
.accordion .content .list_tt ul{ margin:0; padding:0; list-style:none;}
.accordion .content .list_tt ul li{ float:left; width:50%; font-size:11px;line-height:20px;}
.accordion .content .list_tt ul li a{ ; text-decoration:none;}
.accordion .content .list_tt ul li a:hover{  text-decoration:underline;}
.accordion .content .list_tt ul li a.current{  text-decoration:underline;}

.accordion .content .lineleft{ float:left; width:178px; padding:8px 0;margin:0 0 0 18px; display:inline; font-size:11px; line-height:18px;}
.accordion .content .lineleft img{ padding-right:5px;}
.accordion .content .lineleft img.pad{ padding-left:18px;}

.switch {display:block; font-size:1px; width:70px; height:20px; background:url(../images/xemthem.gif) no-repeat; cursor:pointer;}
.off { background:url(../images/xemthem.gif) no-repeat;}
.hide {display:none;}
.show {position:relative; z-index:500;}

.show ul{ margin:0; padding:0; list-style:none;}
.show ul li{ float:left; width:50%; font-size:11px;line-height:20px;}
.show ul li a{ ; text-decoration:none;}
.show ul li a:hover{  text-decoration:underline;}
.show ul li a.current{  text-decoration:underline;}

.lineleft2{ float:left; width:178px; padding:0 0 10px 0;margin:0 0 0 18px; display:inline;}
.lineleft2 ul{ margin:0; padding:0;}
.lineleft2 ul li{ float:left; list-style:none; width:100%; background:url(../images/arro3.gif) no-repeat left center; text-indent:10px; font-size:11px; ; margin-top:8px;}
.lineleft2 ul li a{ ; text-decoration:none; float:left; padding:0;}
.lineleft2 ul li a:hover{  text-decoration:none;}
.lineleft2 ul li font{ color:#838383; font-size:11px; float:left; padding:0;}
.lineleft2 ul li a.current{  text-decoration:underline;}

.lineleft3{ float:left; width:178px; padding:4px 0;}
.lineleft3 ul{ margin:0; padding:0;}
.lineleft3 ul li{ float:left; list-style:none; width:100%; background:url(../images/arro3.gif) no-repeat left center; text-indent:10px; font-size:11px; ; margin-top:5px;}
.lineleft3 ul li a{ ; text-decoration:none; float:left; padding:0;}
.lineleft3 ul li a:hover{  text-decoration:none;}
.lineleft3 ul li font{ color:#838383; font-size:11px; float:left; padding:0;}
.lineleft3 ul li a.current{  text-decoration:underline;}


.button_dt{ float:left; width:232px; height:33px; margin-top:12px; background:url(../images/dangtin_l.gif) no-repeat left center;}
.button_dt_bg{ float:left; width:220px; height:33px; background:url(../images/dangtin_bg.gif) repeat-x; margin-left:5px; display:inline; font-size:13px; font-weight:bold; line-height:30px; text-align: center; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.button_dt_bg a{ color:#FFF; text-decoration:none;}
.button_dt_r{ float:left; width:7px; height:33px; background: url(../images/dangtin_r.gif) no-repeat;}

.main_right{ float:left; width:716px; margin-left:28px; display: inline;}

.top_right{ float:left; width:100%;}
.top_right ul{ margin:0; padding:0; list-style:none;}
.top_right ul li{ float:left; font-size:11px;}
.top_right ul li.title{ float:left; background:url(../images/top.gif) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;  text-indent:30px; line-height:30px;}
.top_right ul li.title2{ float:left; background:url(../images/top2.gif) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;  text-indent:30px; line-height:30px;}
.top_right ul li.sxt{ float: right; background:url(../images/arrow2.gif) no-repeat left center;}
.top_right ul li.sxt span{ float:left; padding-left:15px; line-height:20px;}
.top_right ul li.sxt select{ float:left; border:#e3e9ef 1px solid; border-top:1px #abadb3 solid; ; font-size:11px; margin:0 0 0 8px; display:inline;}
.top_right ul li.sxt span.pagenum{ float:left; padding-left:10px; line-height:20px; padding-right:5px;}

.top_right .panaging{ float:right; }
.top_right .panaging a{ padding-left:3px;}
.top_right .panaging a.pre{ background:url(../images/ar_l_none.gif) no-repeat; width:22px; height:21px; text-indent:-99999px; float:left;}
.top_right .panaging a.pre:hover{ background:url(../images/ar_l_active.gif) no-repeat;}
.top_right .panaging a.next{ background:url(../images/ar_r_none.gif) no-repeat; width:22px; height:21px; text-indent:-99999px; float:left;}
.top_right .panaging a.next:hover{ background:url(../images/ar_r_active.gif) no-repeat;}

.top_right .panaging img{ float:left; padding-left:5px;}

.title_right{ float:left; width:100%; margin-top:5px; border:1px #fdae2f solid;-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc); background:#FFF;}
.title_right ul{ margin:0; padding:0; list-style:none;}
.title_right ul li{ float:left; font-size:11px;}
.title_right ul li.title_l{ float:left; width:485px; margin:5px 0 0 15px; display:inline; padding-bottom:5px;}
.title_right ul li.title_l span{ float:left; padding-left:15px; line-height:20px; background:url(../images/arrow2.gif) no-repeat left center;}
.title_right ul li.title_l a{ float:left;}
.title_right ul li.title_l img{ float:left; padding:3px 0 0 6px;}

.title_right ul li.title_l a.col{ background:url(../images/sx1_active.gif) no-repeat; width:15px; height:15px; text-indent:-99999px; float:left; margin:3px 0 0 3px;}
.title_right ul li.title_l a.col:hover{ background:url(../images/sx1_none.gif) no-repeat;}
.title_right ul li.title_l a.row{ background:url(../images/sx2_none.gif) no-repeat; width:15px; height:15px; text-indent:-99999px; float:left;margin:3px 0 0 3px;}
.title_right ul li.title_l a.row:hover{ background:url(../images/sx2_active.gif) no-repeat;}

.title_right ul li.row1{ float:left; width:100px; text-align:center; line-height:25px;}
.title_right ul li.row2{ float:left; width:100px; text-align:right; padding-right:5px;line-height:25px;}

.listnews{ float:left; width:100%; margin-top:10px;}
.displayBlogComment ul{ margin:0; padding:0; list-style:none;}
.displayBlogComment ul li{ float:left; width:100%; border-bottom:1px #d6d6d6 solid; padding:10px 0;}
.displayBlogComment ul li a{ ; text-decoration:none;}
.displayBlogComment ul li a:hover{  text-decoration:none;}
.displayBlogComment ul li div.title{ float:left; width:500px; font-size:12px;}
.displayBlogComment ul li div.title a{ float:left;}
.displayBlogComment ul li div.row1{ float:left; width:104px; text-align: center; font-size:11px;}
.displayBlogComment ul li div.row2{ float:left; width:106px; text-align:right; font-size:11px;}
.displayBlogComment ul li div.title img{ padding-left:5px; float:left;}
.displayBlogComment ul li.end{ border-bottom:none;}

.bt_right{ float:left; width:100%; margin-top:20px; border-top:1px #fdae2f solid; font-size:11px; padding:15px 0 0 0 ;}
.bt_right a{ ; text-decoration:none; padding:0 1px;}
.bt_right a:hover{ color:#fd7402; text-decoration:none;}
.bt_right a.current{ color:#fd7402; text-decoration:none;}

.pageun{ float:left; width:100%; margin-top:25px; font-size:11px; color:#fd7402; font-weight:bold;}
.pageun img{ padding: 0 3px 0 15px;}
.pageun a{ color:#fd7402; font-weight:bold; text-decoration:none;}

.linkfooter{ float:left; width:100%; height:32px; background:#f7f6f6; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; behavior:url(ie-css3.htc); font-size:11px; color:#717171; line-height:32px; margin-top:12px;}
.linkfooter a{ color:#717171; text-decoration:underline; padding:0 3px;}
.linkfooter a:hover{ text-decoration:none;}
.linkfooter span.left{ float:left; padding-left:40px; width:60%; margin:0;}
.linkfooter span.right{ float:right; padding-right:48px;}
.footer{ float:left; width:100%; margin-top:10px; padding-bottom:12px; color:#717171; line-height:18px;}
.footer ul{ margin:0; padding:0; list-style:none;}
.footer ul li{ float:left; font-size:11px; width:100%;}
.footer ul li div.thumb1{ float:left; width:120px; height:45px; border-right:1px #f0efef solid; margin-right:12px; margin-top:5px;}
.footer ul li div.info{ float:left; width:50%;}

.listnews2{ float:left; width:100%; margin-top:10px;}
.listnews2 ul{ margin:0; padding:0; list-style:none;}
.listnews2 ul li{ float:left; width:100%; border-bottom:1px #d6d6d6 solid; padding:8px 0;}
.listnews2 ul li a{ ; text-decoration:none;}
.listnews2 ul li a:hover{  text-decoration:none;}
.listnews2 ul li div.title a{ float:left;}
.listnews2 ul li div.title{ float:left; width:500px;}
.listnews2 ul li div.title h2{ float:left; width:100px; font-size:12px; font-weight:bold;}
.listnews2 ul li div.title p{ float:left; padding-top:8px; font-size:11px; line-height:18px; padding-left:5px;}
.listnews2 ul li div.row1{ float:left; width:104px; text-align: center; font-size:11px;}
.listnews2 ul li div.row1 a.luu{ text-decoration:underline; padding-left:3px;}
.listnews2 ul li div.row2{ float:left; width:106px; text-align:right; font-size:11px;}
.listnews2 ul li div.title img{ padding-left:5px; float:left;}
.listnews2 ul li.end{ border-bottom:none;}

/*-----------------Details-------------*/
.linkmain img.back{ float:right; text-align: right;padding-right:20px;}
.top_dt{ float:left; width:100%; height:26px; background:#ececec url(../images/bg_t_dt.gif) no-repeat right center;}
.title_dt{ float:left; height:26px; background:#f7f6f6; border-left:8px #ff780c solid; border-right:2px #FFF solid;}
.title_dt h2{ float:left; margin-left:10px; display: inline; background:url(../images/ban.gif) no-repeat left center; font-size:18px; color:#ff780c; line-height:25px; text-indent:30px; padding-right:8px;}
.title_dt span{ float:left; font-size:12px; font-weight:bold; line-height:26px;}
.title_dt span a{ ; text-decoration: none; padding: 0 25px 0 1px;}
.title_dt span a:hover{ text-decoration:underline;}

.content_dt{ float:left; width:100%; padding:20px 0; line-height:20px;}
.content_dt h2{ font-size:18px; font-weight:bold;}

.bgmap{ float:left; width:408px; height:303px; border:1px #e5e4e4 solid; background: url(../images/bgmap.gif) repeat-x; -moz-border-radius:5px;border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc);}
.bgmap img{ float:left; margin:13px; display:inline;}
.map_r{ float:left; width: 290px; margin-left:14px; display:inline;}
.map_r .info{ position:relative; width:288px; height:118px; border:1px #edecec solid; background:#FFF; -moz-border-radius:5px;border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc); z-index:1;}
.infoin{position:absolute; width: 250px; height:116px; background:#FFF; left:15px; display:block;font-size:11px; z-index:10; top:-1px; padding:5px; line-height:18px;}
.infoin a{ text-decoration:underline; padding-left:3px; padding-right:20px;}
.infoin a:hover{ text-decoration:none;}
.infoin img{ padding-top:6px;}

.map_r .album{ float:left; width:288px; height:175px; border:1px #edecec solid; background:#FFF; -moz-border-radius:5px;border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc); margin-top:7px;}

#content{position:relative; left:35px;}			

#slider2{position:absolute;}	
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2 li{ width:212px;height:175px;}	
#prevBtn, #nextBtn{ display:block;width:14px;height:15px;position:absolute;left:-18px;top:80px;}	
#nextBtn{ left:217px;}														
#prevBtn a, #nextBtn a{ display:block;width:14px;height:15px;background:url(../images/pre.gif) no-repeat 0 0;}
#nextBtn a{ background:url(../images/next.gif) no-repeat 0 0;}
#prevBtn, #nextBtn{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}

.boxtag1{ float:left; width:100%; margin-top:10px; font-size:11px;}
.boxtag1 h2{ float: left; width:100%; font-size:12px; font-weight:bold; color:#ff780c; border-bottom:1px #e8e7e7 solid; padding:3px 0;}
.boxtag1 span{ float:left; width:100%; padding-top:5px; line-height:20px;}
.boxtag1 span a{ ; text-decoration:underline; padding-right:3px;}
.boxtag1 span a:hover{ color:#ff780c; text-decoration:underline;}

.linkback{ float:left; width:98%;text-align: right; padding:8px 0;}

.list_dt{ float:left; width:714px; background:url(../images/dot1.gif) repeat-y right center;}
.list_dt_l{ float:left; width: 343px;}
.list_dt_l .title{ float:left; width:100%; height:21px; background:#f2f0f0;}
.list_dt_l .title h2{ float:left; height:21px; background:#ff780c; margin-left:8px; display: inline; border-right:2px #FFF solid; line-height:21px; padding:0 20px 0 8px; font-size:12px; font-weight:bold; color:#FFF;}
.list_dt_l ul{ margin:0; padding:0; list-style:none;}
.list_dt_l ul li{ float:left; width:100%; height:29px; background:url(../images/dot2.gif) repeat-x bottom center; line-height:28px;}
.list_dt_l ul li a{ font-size:11px; ; text-decoration:none; float:left;}
.list_dt_l ul li a:hover{}
.list_dt_l ul li b.middot{ font-size:18px; color:#d5d5d5; padding-right:3px; padding-top:3px; float:left;}
.list_dt_l ul li img.note{padding-left:5px; float:left; padding-top:8px;}

.list_dt_r{ float:left; width: 343px; margin-left:22px; display: inline;}
.list_dt_r .title{ float:left; width:100%; height:21px; background:#f2f0f0;}
.list_dt_r .title h2{ float:left; height:21px; background:#014C8F; margin-left:8px; display: inline; border-right:2px #FFF solid; line-height:21px; padding:0 20px 0 8px; font-size:12px; font-weight:bold; color:#FFF;}
.list_dt_r ul{ margin:0; padding:0; list-style:none;}
.list_dt_r ul li{ float:left; width:100%; height:29px; background:url(../images/dot2.gif) repeat-x bottom center; line-height:28px;}
.list_dt_r ul li a{ font-size:11px; ; text-decoration:none; float:left;}
.list_dt_r ul li a:hover{}
.list_dt_r ul li b.middot{ font-size:18px; color:#d5d5d5; padding-right:3px; padding-top:3px; float:left;}
.list_dt_r ul li img.note{padding-left:5px; float:left; padding-top:8px;}

.boxtag2{ float:left; width:100%; margin-top:25px; font-size:11px;}
.boxtag2 h2{ float: left; width:100%; font-size:12px; font-weight:bold; color:#ff780c; border-bottom:1px #e8e7e7 solid; padding:3px 0; background:url(../images/arrow2.gif) no-repeat left center; text-indent:17px;}
.boxtag2 span{ float:left; width:100%; padding-top:5px; line-height:20px;}
.boxtag2 span a{ color:#717171; text-decoration:underline; padding-right:3px;}
.boxtag2 span a:hover{ color:#ff780c; text-decoration:underline;}

/*---------------dangkythanhcong-----------------*/
.title_dk{ float: left; width:100%; padding:10px 0; color:#333; font-weight:bold; background: url(../images/arrow2.gif) no-repeat left center; text-indent:15px;}
.title_dk font.yellow{ color:#ff780c;}
.box_dk{ float:left; width:974px; border:1px #dddddd solid; background:#FFF; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc);}
.box_dk span{ float: left; padding:70px 0; width:100%; text-align: center; font-size:11px; line-height:20px;}
.box_dk span a{ ; text-decoration:none;}
.box_dk span h2{ margin:0 auto; width:200px; background:url(../images/tc.gif) no-repeat left center; text-indent:20px; font-size:24px; font-weight:bold; color:#ff9712; line-height:40px;}

.box_dk .line_dk{ float:left; width:100%; margin-top:10px;}
.line_dk ul{ margin:0; padding:0; list-style:none;}
.line_dk li{ float:left; width:100%; margin-top:15px;}
.line_dk li div.dk_l{ float:left; width:18%; text-indent:60px; line-height:20px;}
.line_dk li div.dk_r{ float:left; width:75%; margin-left:5px; display:inline; font-size:11px;}
.line_dk li div.dk_r a{ ; text-decoration:none; display:inline;}
.line_dk li div.dk_r input{ font-size:11px; border:1px #e3e9ef solid; border-top:1px #abadb3 solid; -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px; padding:2px 2px; float:left;}
.line_dk li div.dk_r img{ padding:0 5px;}
.line_dk li div.dk_r font{ padding-left:5px; width:50%; font-size:11px; padding-top:0;}

/*-------------Dangnhap-------------------*/
.button3{ width:114px; height:31px; background: url(../images/button.gif) no-repeat; font-weight:bold; color:#FFF; text-align: center;border:none; cursor:pointer; padding:0; margin:0;}
.button2{ width:114px; height:31px; background: url(../images/button2.gif) no-repeat; font-weight:bold; color:#ff780c; text-align: center;border:none; cursor:pointer; padding:0; margin:0;}

.dn_left{ float:left; width:574px; height:282px; background:#FFF; border:1px #dddddd solid; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc); margin-top:5px;}
.line_dn{ float:left;margin:20px 10px; display:inline;}
.line_dn ul{ margin:0; padding:0; list-style:none;}
.line_dn ul li{ float:left; width:100%; margin-top:15px;}
.line_dn ul li div.dn_l{ float:left; width: 30%; line-height:20px; text-indent:10px;}
.line_dn ul li div.dn_r{ float:left; width: 65%; margin-left:5px; display:inline; line-height:20px;}
.line_dn ul li div.dn_r input{font-size:11px; border:1px #e3e9ef solid; border-top:1px #abadb3 solid; -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px; padding:2px 2px; float:left;}
.line_dn ul li div.dn_r span.error{ font-size:11px; color:#ff780c; float:left; width:260px; padding-top:8px;}
.line_dn ul li div.dn_r font{ font-size:11px; padding-left:3px;}
.line_dn ul li div.dn_r font.link a{ ; text-decoration:none; line-height:30px; padding-left:10px;}

.dn_right{ float:left; width:388px; height:282px; background:#FFF; border:1px #dddddd solid; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc); margin:5px 0 0 9px; display:inline; text-align: center;}
.dn_right span.note{ float:left; text-align: center; font-weight:bold; color:#333; padding-top:100px; width:100%; padding-bottom:90px;}

/*--------------Dangtin-----------------*/
.box_dt{ float:left; width:974px; border:1px #dddddd solid; background:#FFF; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; behavior:url(ie-css3.htc);}
.line_dt{ float:left; width: 792px; margin:12px 0 0 70px; display:inline; padding-bottom:40px;}
.line_dt ul{ margin:0; padding:0; list-style:none;}
.line_dt ul li{ float:left; width:100%; margin-top:18px;}
.line_dt ul li div.dt_l{ float:left; width:10%; line-height:22px;}
.line_dt ul li div.dt_r{ float:left; width:80%; margin-left:5px; display: inline; font-size:11px;}
.line_dt ul li div.dt_r input, select{font-size:11px; padding:4px 3px; float:left; margin-right:12px;}
.line_dt ul li div.dt_r input, select option{margin: 3px 0px}
.line_dt ul li.title{ float:left; width:100%; border-bottom:1px #dddddd solid; padding:5px 0; margin-top:25px; color:#ff780c; font-weight:bold;}
.line_dt ul li div.dt_r font.link a{ ; text-decoration:none; line-height:22px; padding-left:10px;}
.line_dt ul li div.dt_r img{ padding:0 5px;}
.line_dt li div.dt_r font{font-size:11px;}

/*--------------Quanlytindang---------------*/
.member_l{ float:left; width:192px;}
.member_top{ float:left; width:100%; color: #1C9658;border-bottom: 1px dotted #D8DFEA;}
.member_top_l{ float:left; }
.member_top_bg{ float:left; font-weight:bold;line-height:20px; padding: 5px 8px 5px 10px;}
.member_top_r{ float:left;  }
.box_border{ border: 1px solid #D5D5D5;}
.mb_l_bg{ float:left;width:190px;margin-bottom: 10px;}
.mb_l_bg ul{ margin:0; padding:0; list-style:none;}
.mb_l_bg ul li{ float:left; width:168px; display:inline; width: 100%; border-bottom: 1px solid #D8D9DA;
                border-top: 1px solid #FFFFFF;}
.mb_l_bg ul li.end{  border-bottom: none;}
.mb_l_bg ul li.top{ margin-top:5px;}
.mb_l_bg ul li img.icon{ float:left; }

.mb_l_bg ul li a{  text-decoration:none; display: block;padding: 5px 5px;}
.mb_l_bg ul li a:hover{ background: #EFF7F3;color: #333;}
span.icon{float:left;  padding-bottom: 1px;
          padding-right: 8px;
          width: 16px;display: block;height: 16px }
.mb_l_bg ul li.active{ position:relative;
                       behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
                           this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                           this.src = "trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
                           this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
                           this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
                           );
}

.mb_l_bt{ float:left;}

.button_dt2{ float:left; width:216px; height:33px; margin-top:12px; background:url(../images/dangtin_l.gif) no-repeat left center;}
.button_dt2_bg{ float:left; width:204px; height:33px; background:url(../images/dangtin_bg.gif) repeat-x; margin-left:5px; display:inline; font-size:13px; font-weight:bold; line-height:30px; text-align: center; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.button_dt2_bg a{ color:#FFF; text-decoration:none;}

.member_c{ float:left; background:#FFF; width:530px; margin-left:15px; display:inline;}
.member_r{ float:right; background:#FFF; width:228px; margin-left:15px; display:inline;}
.title_mb_top{ float:left; width:750px; height:31px; background:url(../images/mb_top_l.gif) no-repeat left center;}
.title_mb_top_bg{ float:left; width:730px; height:31px; background: url(../images/mb_top_bg.gif) repeat-x;margin-left:10px; display:inline;}
.title_mb_top_bg ul{ margin:0; padding:0; list-style:none;}
.title_mb_top_bg ul li{ float:left; width:100%; font-size:11px; font-weight:bold; line-height:20px;}
.title_mb_top_bg ul li div.row1{ float:left;}
.title_mb_top_bg ul li div.row1 a{ ; text-decoration:underline; font-weight:bold; float:left; padding-left:5px;}
.title_mb_top_bg ul li div.row2{ float:left; color:#ff780c; line-height:30px; text-align: center;}

.title_mb_top_r{ float:left; width:10px; height:31px; background:url(../images/mb_top_r.gif) no-repeat;}
.title_mb_bg{ float:left; width:748px; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid;}
.title_mb_bg ul{ margin:0; padding:0; list-style:none;}
.title_mb_bg ul li{ float:left; width:710px; margin-left:17px; display:inline; border-bottom:1px #d6d6d6 solid; padding:8px 0;}
.title_mb_bg ul li a{; text-decoration:none;}
.title_mb_bg ul li a:hover{ color:#ff780c;}
.title_mb_bg ul li div.row0{ float:left; width:20px; text-align:left;}
.title_mb_bg ul li div.row1{ float:left; font-size:11px;}
.title_mb_bg ul li div.row2{ float:left; text-align: center; font-size:11px;}
.title_mb_bg ul li div.row3{ float:left; font-size:11px; text-indent:14px;}
.title_mb_bg ul li div.row4{ float: left;}
.title_mb_bg ul li div.row4 a{ padding:3px 5px; display:inline;}
.title_mb_bg ul li.end{ border-bottom:0;}

.dangtin_un{ float:left; width:100%; display:inline; padding:10px 0;}
.dangtin_un span.dt_un_l{ float:left; font-weight:bold; font-size:11px;}
.dangtin_un span.dt_un_l a{ ; text-decoration:underline; padding-left:5px;}
.dangtin_un span.dt_un_r{ float:right; font-size:11px; line-height:20px;}
.dangtin_un span.dt_un_r a{ ; text-decoration:none; padding:0 1px;}
.dangtin_un span.dt_un_r a:hover{ text-decoration:underline;}
.dangtin_un span.dt_un_r a.current{ color:#fd7402; text-decoration:none;}

.bt_mb{ float:left; width:750px; height:10px; background:url(../images/bt_mb.gif) no-repeat;}

/*----------------Hopthu----------------*/
.title_mb_top_bg2{ float:left; width:730px; height:31px; background: url(../images/mb_top_bg.gif) repeat-x;margin-left:10px; display:inline;}
.title_mb_top_bg2 span.title{ font-weight:bold; line-height:30px; padding-left:5px;}
.tab_mem{ float:left; width:98%; height:28px; margin-top:3px;}
.tabs {padding:00; margin:0; list-style:none; height:28px; position:relative;}
.tabs li {float:left; }
.tabs li a {display:block; float:left; height:28px; line-height:26px; background:url(../images/tab_none.gif) no-repeat; ; text-decoration:none; font-size:11px; font-family:Tahoma; font-weight:bold; text-align:center; padding:0 0 0 15px; cursor:pointer;}
.tabs li a b {float:left; display:block; padding:0 15px 0 0; background:url(../images/tab_none.gif) right top;}
.tabs li.current a {color:#ff780c; background:url(../images/tab_active.gif);}
.tabs li.current a b {background:url(../images/tab_active.gif) right top;}
.tabs li a:hover {color:#ff780c; background:url(../images/tab_active.gif);}
.tabs li a:hover b {background:url(../images/tab_active.gif) right top;}
.tabs li.current a:hover {color:#ff780c; background:url(../images/tab_active.gif); cursor:pointer;}
.tabs li.current a:hover b {background:url(../images/tab_active.gif) right top;}

.title_mb_bg2{ float:left; width: 100%;; }
.title_mb_bg2 ul{ margin:0; padding:0; list-style:none;}
.title_mb_bg2 li{ float:left; width:100%; margin:10px 0 0 10px; display: inline; font-size:11px;}
.title_mb_bg2 ul li div.col_l{ float:left; width:20%; line-height:20px;}
.title_mb_bg2 ul li div.col_r{ float:left; width:75%; margin-left:5px; display: inline;}
.title_mb_bg2 ul li div.col_r input{font-size:11px; float:left;}
.title_mb_bg2 ul li div.col_r span.link{ float:left; padding-left:10px; line-height:30px;}
.title_mb_bg2 ul li div.col_r span.link a{font-weight: bold; display:inline;font-size: 12px;}
.title_mb_bg2 ul li div.col_r span.link a:hover{ text-decoration: underline}
.title_mb_bg2 ul li.end{ padding-bottom:20px;}

.title_mb_bg3{ float:left; width:100%;}
.title_mb_bg3 ul{ margin:0; padding:0; list-style:none;}
.title_mb_bg3 ul li{ float:left; width: 100%; margin:5px 0 0 0px; display: inline; border-bottom:1px #e2e2e2 solid; padding:3px 0 3px 0;  font-size:11px;}
.title_mb_bg3 ul li.top{ background:#f6f6f6; padding-bottom:1px;}
.title_mb_bg3 ul li.top div.col1{ float:left; width:22px; text-align:center;}
.title_mb_bg3 ul li.top div.col1 input{ border:0; margin:0; float:left; margin:3px 5px 5px 5px; display:inline;}
.title_mb_bg3 ul li.top div.col2{ float:left; width:480px; font-weight:bold; text-indent:5px; line-height:22px;}
.title_mb_bg3 ul li.top div.col2 a{  text-decoration:none;}
.title_mb_bg3 ul li.top div.col2 a:hover{  text-decoration:underline}
.title_mb_bg3 ul li.top div.col3{ float:left; width: 170px; line-height:20px;}
.title_mb_bg3 ul li.top div.col4{ float:left; width: 65px; line-height:20px;}

.title_mb_bg3 ul li div.col1{ float:left; width:22px; text-align:center;}
.title_mb_bg3 ul li div.col1 input{ border:0; margin:0; float:left; margin:3px 5px 5px 5px; display:inline;}
.title_mb_bg3 ul li div.col2{ float:left; width:480px; text-indent:5px; line-height:22px;}
.title_mb_bg3 ul li div.col2 a{ text-decoration:none;}
.title_mb_bg3 ul li div.col2 a:hover{ }
.title_mb_bg3 ul li div.col3{ float:left; width: 170px; line-height:20px;}
.title_mb_bg3 ul li div.col4{ float:left; width: 65px; line-height:20px;}
.title_mb_bg3 ul li.end{ border-bottom:none;}


.topchitiet{ float:left; width: 718px; height:55px; margin:14px 0 0 14px; display:inline; border-bottom:1px #e2e2e2 solid; padding-bottom:1px; background:#f6f6f6;}
.topchitiet span.chitiet_l{ float:left; padding:10px 0 0 10px; line-height:20px; font-size:11px;}
.topchitiet span.chitiet_r{ float:right; margin-right:5px; padding:10px 0 0 10px; font-size:11px;}
.topchitiet span.chitiet_r a{ ; text-decoration:none; padding:0 8px 0 4px;}
.topchitiet span.chitiet_r a:hover{ text-decoration:underline;}
.topchitiet span.chitiet_r img{padding-top:8px;}

.content_mail{ float:left;width: 718px; margin:20px 0 0 14px; display:inline; font-size:12px; line-height:20px;}
.content_mail h2{ float:left; width:100%; font-size:18px; font-weight:bold;  padding-bottom:10px;}
.bottom_ct{ float:right; width: 100%; padding:15px 0; font-size:11px; color:#4e80c1; text-align:right;}
.bottom_ct a{ color:#4e80c1; text-decoration:none; padding:0 3px;}
.bottom_ct a:hover{ }


/*------------Catalog_thanhvien-----------------*/
.top_ctl_tv{ float:left; width:100%; height:48px;}
.ctl_l{ float:left; width:10px; height:48px; background:url(../images/ctl_l.gif) no-repeat;}
.ctl_bg1{ float:left; width:236px; height:48px; background:url(../images/ctl_bg.gif) repeat-x; text-align: center; line-height:48px;  font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.ctl_r1{ float:left; width:5px; height:48px; background: url(../images/ctl_r1.gif) no-repeat;}
.ctl_bg2{ float:left; width:459px; height:48px; background: url(../images/ctl_bg2.gif) repeat-x;}
.ctl_bg2 span{ float:left; width:200px; padding:5px 0 0 20px; font-size:11px; color:#FFF; line-height:20px;}
.ctl_r2{ float:left; width:5px; height:48px; background: url(../images/ctl_r2.gif) repeat-x;}

div.success{margin-top: 5px;background-color: #EFF7F3;
            border: 1px solid #329187;font-size: 11px;
            padding: 5px;display: none;}
div.error{ 
    margin-top: 5px;
    background-color: #FFF9D7;
    border: 1px solid #E2C822;font-size: 11px;
    padding: 5px;display: none;}

.editImage {
    -moz-background-inline-policy: continuous;
    background: url("../images/icon-edit.gif") no-repeat scroll 5px 0 transparent;
    display: block;
    float: right;
    height: 15px;
    margin: -87px 0 0 -28px;
    overflow: hidden;
    padding-left: 2px;
    padding-right: 5px;
    position: relative;
    text-indent: -9999px;
    width: 18px;
    cursor: pointer;
    left: -16px;
}
.removeImage {

    background: url("../images/blank_img.gif") no-repeat scroll transparent;
    display: block;
    float: right;
    height: 11px;
    margin: -111px -5px 0 0px;
    overflow: hidden;

    position: relative;    
    width: 11px;
    cursor: pointer;
}
.photo-dis:hover .removeImage{

    background: url("../images/delete_hover.png") no-repeat scroll transparent;

}
.removealbum {

    background: url("../images/blank_img.gif") no-repeat scroll transparent;
    display: block;
    float: right;
    height: 11px;
    margin: -120px -1px 0 0px;
    overflow: hidden;

    position: relative;    
    width: 11px;
    cursor: pointer;
}
.photo-dis:hover .removealbum{

    background: url("../images/delete_hover.png") no-repeat scroll transparent;

}
.editlayer {

    background: url("../images/blank_img.gif") no-repeat scroll transparent;
    display: block;
    float: right;
    height: 11px;
    margin: -111px -5px 0 0px;
    overflow: hidden;

    position: relative;    
    width: 11px;
    cursor: pointer;
}


.unread{font-weight: bold;}

.mailContent{
    display: none;
    float: left; 
    text-align: left;
    padding: 5px 30px;
    width: 100%;
}
#displayBlogComment li{
    border-bottom: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
#displayBlogComment div.divBlogCommentMain{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
#displayBlogComment div.divBlogCommentMain div.avatar1{
    float: left;
    height: 52px;
    overflow: hidden;
    width: 52px;
}
#displayBlogComment div.divBlogCommentMain div.comment1{
    width: 468px;float: left;
    margin-left: 8px;
}
#displayBlogComment div.divBlogCommentMain div.comment1 span{
    font-size: 11px;
}
span.linktitle{
    display: block;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}
.comment1 b{
    margin-bottom: 8px;
}
.comment1 span.sendDate
{
    float: left;
    color: #999999; 
    font-size: 11px;
    padding-top: 3px;
}
.comment1 span.sendDate a{

    font-size: 11px;

}
.comment1 span.sendDate b{
    font-weight: normal;
    margin-left: 10px;

}
#displayBlogComment div.divBlogCommentMain div.comment1 p{

}
#displayBlogComment div.divBlogCommentMain img{
    float: left;

}
#displayBlogComment div.divBlogCommentMain p{
    float: left;

    display: block;
    width: 95%;
}

#displayBlogComment div.divBlogCommentOrther{
    float: left;
    width: 100%;
    padding: 10px 70px;
    font-size: 11px;
    color: #777777
}
#displayBlogComment div.divPostSubCommnet{
    padding: 10px 68px;
}

#displayBlogComment div.divSubBlogComment{
    padding: 3px;
    margin: 1px 0px 1px 60px;
    width: 434px;
    font-size: 11px;
    color: #3D3D3D;

}
.view_image #displayBlogComment div.divSubBlogComment{
    margin: 1px 0px 1px 0px;
}
#displayBlogComment div.divSubBlogComment img{
    vertical-align: text-top;
    margin-right: 5px;
}
#displayBlogComment div.divSubBlogComment div{
    float: left; width: 100%;
}
#displayBlogComment div.divSubBlogComment div.avatar2{
    width: 38px; float: left;
    height: 33px;
    overflow: hidden;
}
#displayBlogComment div.divSubBlogComment div.comment2{
    width: 380px;float: left;
}
#displayBlogComment div.divSubBlogComment div.comment2 span.sendDate{
    color: #999999;text-align: left;
    float:left;
    height: 20px;
    line-height: 20px;
}
#displayBlogComment div.divSubBlogComment div p{
    float: left;padding: 0 10px 10px;
}
#displayBlogComment div.divSubBlogComment div p img{
    float: left; padding-right: 10px;
}
#avatarUploadQueue{
    display: none;
}
/* longnt insert 07062011*/
.tab {
    background: none repeat scroll 0 0 #F9F9F9;
    height: 1%;
    margin-bottom: 10px;
    border: 1px solid #E8E9E9;
}
.tab-sub {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 3px 0 0 15px;
}
.tab-content {

    font-size: 11px;
    padding-bottom: 10px;
}
.tab-content .innerTab {
    border:1px solid #D5D5D5;
    margin: 0 auto;
    position: relative;
    width: 515px;

}
.boxblock {

    margin: 0 auto;
    position: relative;
    width: 515px;

}
.tab-sub ul {
    margin: 0;
    padding-left: 0;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.tab-sub .idTabs li {
    padding: 1px 10px 3px 0;
}

.tab-sub ul li, .tab-sub-02 ul li, .tab-sub-03 ul li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding-right: 2px;
}
.tab-sub a{}
.btn-left-05, .btn-right-05 {
    color: #333333;
    display: block;
    float: left;
}

.btn-left-05 {
    background: url("../images/left-button-05.gif") no-repeat scroll left top transparent;
    padding-left: 1px;
    border: none;

}
.btn-right-05 {
    background: url("../images/right-button-05.gif") no-repeat scroll right top transparent;
    padding-bottom: 4px;
    padding-right: 10px;
    padding-top: 3px;
    border: none;
}
.button {
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;

    min-width: 54px;
    outline: 0 none;
    padding:1px 8px 3px 8px; 
    text-align: center;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666;

}
.button:hover {

    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1);
    border: 1px solid #C6C6C6;
    color: #333333;
}
.button_disable {
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 54px;
    outline: 0 none;
    padding:1px 8px 3px 8px; 
    text-align: center;   
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #6ED5D6;
    opacity: 0.6;
    color:#FFF;
}
.innerTab .arrow-top {
    background: url("../images/arrow-top-03.gif") no-repeat scroll 0 0 transparent;
    font-size: 0;
    height: 12px;

    line-height: 0;
    position: absolute;
    top:-9px;
    width: 12px;
    left: 15px;
}
#tab1 .arrow-top
{
    top:-7px;
}

.tab-content-main textarea{width: 97%;height: 16px;padding:5px; border:1px solid #D5D5D5;resize: none;}

#tab1 .innerTab{border: none;}
.clear {
    clear: both;
}


.tab-content-main span{width: 100%;text-align: right;display: block}
.divSubBlogComment span{text-align: right;}
.tab-sub ul li a, .tab-sub-02 ul li a, .tab-sub-03 ul li a {
    padding-left: 10px;
}
.btnBlogComment
{
    background: #6ED5D6;
    border: 1px solid #5CC4C4;
    font-weight:bold;
    color:#FFF;
    text-align: center;  
    cursor:pointer;
    padding:1px 8px 3px 8px;  
    margin-right: 4px;
    height: 24px;   
    border-radius:3px;
    font-size: 10px;


}
.btnBlogComment:hover
{
    background: #63CCCC;
    border: 1px solid #3EA3A3;
}
#displayBlogComment .btnBlogComment
{
    margin-top: 8px;
}
.tab-content .btnBlogComment
{
    margin-top: 8px;
}
.view_image .btnBlogComment
{
    margin-top: 8px;
}
.sendmsg .btnBlogComment
{
    margin-top: 8px;
}
.highlight {
    background-color: #EFF7F3;
    float: left;
    height: 1%;
    padding: 5px;

}

.divSubBlogComment textarea{
    padding:5px ;
    border:1px solid #D5D5D5;
    width: 418px;

}
a.selected .icon01.ico51, a.active .icon01.ico51 {
    background-position: -700px 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}

.icon01.ico51 {
    background-position: -1275px 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}
.icon01.ico30 {
    background-position: -300px 0;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}
.icon01.ico33 {
    background-position: -225px 0;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}
.icon01.ico31 {
    background-position: -750px 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}
.icon01.ico32 {
    background-position: -775px 0;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}

.icon01 {
    background: url("../images/icon01.gif") no-repeat scroll 0 0 transparent;
}

.inline-block {
    display: inline-block;
}
.tab-content-main #tab2 .arrow-top {
    left: 115px;
}
.tab-content-main #tab3 .arrow-top {
    left: 200px;
}
.tab-content-main #tab4 .arrow-top {
    left: 200px;
}
.sub-section-main ul li {
    display: block;
    float: left;
    margin: 0;

}
.sub-section h3 {
    color: #333333;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

h3 {

    margin: 0;
    padding-bottom: 18px;
}

.icon01.ico15 {
    background-position: -350px 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    width: 16px;
}

#postlink.w255 {
    width: 285px;
}
#tab2 .innerTab .sub-section, #tab3 .innerTab .sub-section, #tab4 .innerTab .sub-section {
    padding: 10px;
}
#tab3 .innerTab,#tab2 .innerTab {
    background: none repeat scroll 0 0 #FFFFFF;
}
.sub-section-main ul li.label {
    padding-top: 2px;
}
span.right {
    float: right;
    text-align: right;

}
.block01 h2 span.right img {
    margin-left: 2px;
}

.icon01.ico18-img {
    background-position: -422px 2px;
    height: 11px;
    margin-bottom: -4px;
    margin-top: -2px;
    padding-bottom: 3px;
    padding-left: 2px;
    width: 11px;
}
/*---menu---*/
ul.menu{
    padding-top: 15px;
    float: left;
    width: 340px;
}
ul.menu li {
    float: left;

    width: 60px;
    margin: 0 5px;

}
ul.menu li a {
    cursor: pointer;

    height: 32px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;

    display: inline-block;
}
/*
.current .mn_home,.mn_home:hover {
    background-position:26px -35px;

}
.current .mn_new, .mn_new:hover {
    background: url("../images/menu.png") no-repeat scroll -43px -35px transparent;
}
.current .mn_download, .mn_download:hover{
    background: url("../images/menu.png") no-repeat scroll -114px -35px transparent;
}
.current .mn_help, .mn_help:hover {
    background: url("../images/menu.png") no-repeat scroll -183px -35px transparent;
}
.current .mn_sharelink, .mn_sharelink:hover {
    background: url("../images/menu.png") no-repeat scroll -246px -35px transparent;
}

.mn_home {

    background: url("../images/menu.png") no-repeat scroll 26px 0px transparent;
}

.mn_new {
    background: url("../images/menu.png") no-repeat scroll -43px 0px transparent;
}
.mn_download {
    background: url("../images/menu.png") no-repeat scroll -114px 0px transparent;
}
.mn_help {
    background: url("../images/menu.png") no-repeat scroll -183px 0px transparent;
}
.mn_sharelink {
    background: url("../images/menu.png") no-repeat scroll -246px 0px transparent;
}
*/
.current .mn_home,.mn_home:hover {
    background: url("../images/menu/24x24/home_w.png") no-repeat center 2px;
    border: 1px solid #AEE5DB;
}

.current .mn_profile,.mn_profile:hover {
    background: url("../images/menu/24x24/account_w.png") no-repeat center;
    border: 1px solid #AEE5DB;
}
.current .mn_picture,.mn_picture:hover {
    background: url("../images/menu/24x24/iphoto_w.png") no-repeat  center 2px;
    border: 1px solid #AEE5DB;
}
.current .mn_friend ,.mn_friend:hover{
    background: url("../images/menu/24x24/friend_w.png") no-repeat center;
    border: 1px solid #AEE5DB;
}
.current .mn_sharelink,.mn_sharelink:hover {
    background: url("../images/menu/24x24/share_link_w.png") no-repeat center;
    border: 1px solid #AEE5DB;
}
.current .mn_announce,.mn_announce:hover {

    border: 1px solid #AEE5DB;
}
.current .mn_message,.mn_message:hover {

    border: 1px solid #AEE5DB;
}
.current .mn_account,.mn_account:hover,.mn_login:hover {

    border: 1px solid #AEE5DB;
    text-decoration: none;
}

.mn_home {

    background: url("../images/menu/24x24/home.png") no-repeat  center;
}

.mn_profile {
    background: url("../images/menu/24x24/account.png") no-repeat center;
}
.mn_picture {
    background: url("../images/menu/24x24/iphoto.png") no-repeat  center 2px;
}
.mn_friend {
    background: url("../images/menu/24x24/friend.png") no-repeat center;
}
.mn_sharelink {
    background: url("../images/menu/24x24/share_link.png") no-repeat center;
}
.mn_announce {
    background: url("../images/menu/24x24/announce.png") no-repeat center 0px;
}
.mn_message {
    background: url("../images/menu/24x24/mail_2.png") no-repeat center 0px;
}
.h_announce .mn_account {
    padding: 5px 3px;
    height: 16px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #AEE5DB;
}
.h_announce .mn_login,.h_announce .mn_regist {
    padding: 5px 3px;
    height: 16px;
    font-size: 11px;
    font-weight: bold;     

}
.h_announce ul li .borderBlue{
    border: 1px solid #AEE5DB;
    height: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
}
ul.menu li p {

    font-size: 11px;
    padding: 3px 0;
    text-align: center;

}

ul.menu li p {

    color: #464241;
    font-weight: bold;
    display: none;

}
.box_photo_avata #inform-main {
    padding: 10px;
}

#inform-main, #inform-main-02 {
    background-color: #FFF9D7;
    border: 1px solid #E2C822;
    font-size: 11px;
    padding: 5px 10px;
}
#zoom, #rotate {
    float: left;
    width: 35px;
}
.box_repeair {
    float: left;
    padding: 10px;
    width: 682px;
}
.button_bottom {
    margin: 0 auto;
    width: 180px;
}
.right {
    float: right;
}

p{padding-bottom: 5px;}
.explain{font-size: 10px;color: #838383}
.tab_product {
    float: left;
    height: 27px;
    width: 100%;
}
.tab_product li {
    background: none repeat scroll 0 0 #F9F9F9;
    border-color: #D7E0E9;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    display: inline;
    float: left;
    height: 25px;
    margin: 0 0px 0 5px;
    padding: 0 10px;
}
.tab_product li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #B7C5CE #B7C5CE -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    height: 26px;
}
.tab_product li a {
    display: block;
    font-weight: bold;
    line-height: 25px;
    font-size: 11px;
    height: 25px;
    text-align: center;
    text-decoration: none;
}
.tab_product li.active a {
    color: #333;
}
.linkmain{
    background: url("../images/line_01.gif") repeat-x scroll left bottom transparent;
    padding-bottom: 0px;
    margin-bottom: 15px;
    position: relative;
}
.linkmain .right{
    position: absolute;
    right: 0px;
}

.title
{
    color: #1C9379;
    font-size: 11px;  
    font-weight: bold;
    margin-bottom: 5px;
}
.description
{
    font-size: 11px;  
    color: #3D3D3D;

}
.loadContent
{
    background: #F9F9F9;
    border: 1px solid #D5D5D5;
}

.w255{width: 255px;}
.w350{width: 350px;}
.w325{width: 325px;}
.btnmore{
    float: left; 
    padding: 5px; 
    width: 98%;
    border: 1px solid #D5d5d5;
    background: #F9F9F9;
}
.btnmore a{
    line-height: 18px;
}
.btnmore a:hover{
    text-decoration: none;
}
.btnmore img{
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -1px;
}
#postEmbed{width: 416px; margin-left: 5px;}
span.avatar{
    float: left;overflow: hidden;width: 190px;text-align: center;position: relative;
}
.box_info
{
    border: 1px solid #D5D5D5;
}
.title_module {
    height: 25px;
}
.content_module {
    padding: 5px 0px;
    float: left;
    width: 100%;
}
.box_info .content_module {
    padding: 5px 5px 5px 10px;
    float: left;
}
.content_module ul li{

    color: #838383;
    font-size: 11px;
}
.content_module ul li span b{
    font-weight: normal;
    margin-left: 10px;
    color: #333333;
}
.title_module h5 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #D7D7D7;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-bottom: 5px;

}
.box_info .title_module h5 {
    margin: 5px 10px;  
}

h5 {
    border-bottom: 1px solid #D7D7D7;
    font-size: 12px;

    margin: 0 0 10px;
}
input.commentCon:focus, input.commentCon.sffocus, textarea.commentCon:focus, textarea.commentCon.sffocus {
    border: 1px solid #408E66 !important;
}
.spanSubmitComment
{
    display: none;
} 
.user_info {

    border-bottom: 1px solid #9CCED3;
    margin-bottom: 0px;
    padding: 15px 0;
    width: 100%;
}
.user_info span.username {
    font-size: 17px;
    font-weight: bold;
    padding: 0 10px 0 0;
}
.text_center{
    text-align: center;
}
ul.submenu {
    display: none;
    float: left;
    padding: 0;
    width: 180px;
}
ul.submenu li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 26px;
    margin-left:20px;
    width: 158px;
}
ul.submenu li a {
    display: block;
    float: left;
    padding: 5px 0 5px 0px;

    width: 100%;
}
.number-section {

    padding-left: 3px;
}
.mb_l_bg ul li .over .bullet {
    background: url("../images/bullet02_over.gif") no-repeat scroll left top transparent;
    margin: 5px 5px 0 0;
}
.mb_l_bg ul li .bullet {
    background: url("../images/bullet02.gif") no-repeat scroll left top transparent;
    display: inline;
    float: right;
    height: 12px;
    margin: 3px 5px 0 0;
    width: 9px;
}
.w778
{
    width: 778px;
}
.inbox-heading {
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    padding: 11px 10px 10px;
    float: left;
    width: 758px;
}
ul.list-button li {
    display: block;
    float: left;
    margin: 0;
    padding-left: 2px;
    padding-right: 2px;
}
.sendmsg ul li
{
    width: 98%;
}
#btnCompose{
    margin-bottom: 0px;margin-top: 0px;margin-right: 10px;
}
.margintop8{
    margin-top: 8px;
}
.margintop15{
    margin-top: 15px;
}
.marginbottom15{
    margin-bottom: 15px;
}
.margintop5{
    margin-top: 5px;
}
.waiting
{
    display: none;
    float: left;
    margin-top: 2px;
}
.over_scroll{
    overflow-y: scroll;
    overflow-x: hidden;
}
.height50{
    max-height: 80px;
}
.photo-frame-01 {
    background: url("../images/frame-photo-01.gif") no-repeat scroll 0 0 transparent;
    height: 110px;
    padding: 4px 6px 0 4px;
    width: 132px;
    display: block;
    height:110px;
    overflow: hidden;

}
.photo-frame-01:hover {
    background: url("../images/frame-photo-01_active.gif") no-repeat scroll 0 0 transparent;

}
.photo-border {
    border: 1px solid #9fb8b1;
    display: block;
    height: 102px;
    padding: 2px 2px 0;
    width: 131px;
}
.photo-border:hover {
    border: 1px solid #408E66;  
    box-shadow: 0 0 3px #999999;
}
.photo-dis{
    float: left;
    padding: 5px;
}
.photo-dis .photo-frame-01 img{
    width: 130px;
    min-height: 100px;
}
.photo-desc
{
    padding-left: 10px;
}

.photo-desc b
{
    font-weight: normal;
    color: #838383;
}
.album-list ul {
    margin-left: 30px;
}
.album-list ul li{
    width: 142px;
    float: left;
    margin: 0 20px 15px 0;
    padding: 0;
}
.photo-list ul {
    margin-left: 0px;
}
.photo-list ul li{

    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
}
.yoh{
    margin-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
}
.yoh .avatar{
    margin-right: 10px; float: left;
}
h2 {
    font-size: 12px;
    margin: 0;
    padding-bottom: 10px;
    line-height: 16px;
}
h2 i {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}
.yoh h2 b{
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;

}
.yoh .title
{
    font-weight: bold;
    float: left;
    font-size: 13px;
    color: #333333;

}
.yoh .title a
{
    font-weight: normal;



}

.create-album ul li {
    width: 95%;

}
.create-album ul li input[type=text],.create-album ul li textarea{
    width: 200px;
}
.create-album ul li select {
    width: 210px;
}
.btn-left-07{
    margin-left: 10px;
    float: left;
}
.btn-right-07{
    float: right;
    margin-right: 10px;
}
.btn-left-02{float: left}
span.link{ padding-left:10px;}
span.link a{font-weight: bold; display:inline;font-size: 12px;}
span.link a:hover{ text-decoration: underline}
.font11px{font-size: 11px;}
#imagesList{
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
    height: 265px;
    overflow-y: auto;
    background: #FFFFFF;
}
.zoom-photo-btn {
    background: url("../images/zoom-photo-btn.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 35px;
}
.next-photo-btn {
    background: url("../images/next-photo-btn.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 54px;
}
.previous-photo-btn {
    background: url("../images/previous-photo-btn.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 61px;
}
ul.slide-photo-btn {
    height: 1%;
    list-style-type: none;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding-left: 0;
}
ul.slide-photo-btn li {
    float: right;
    margin: 0;
    padding-left: 3px;
}
.img_display
{
    margin-bottom: 30px;
    text-align: center;
}
.view_image .right-col-02 {
    float: right;

    width: 240px;
}
.view_image .left-col-02 {
    float: left;
    width: 520px;
}
ul.square li {
    background: url("../images/bullet01.gif") no-repeat scroll 0 7px transparent;
    margin: 0;
    padding-left: 12px;
}
.member_info .title {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 0 8px;
    padding-bottom: 0;
    color: #333;
    font-size: 12px;
}
.member_info .title a {
    font-weight: normal;
    font-size: 11px;
}
.member_info ul 
{

    margin-left: 20px;
    padding: 0px;
}
.member_info ul li
{
    line-height: 16px;
    margin: 2px 0;
    padding: 0px;
}
.member_info ul li div.col_l
{

    color: #636363;
    width: 25%;
}
.member_info ul li div.col_r
{
    width: 55%;
}
.member_info_edit ul.tab_product {

    margin: 0px;
}
.member_info_edit .tab_product  li {
    margin: 0 0 0 5px;
    padding: 0 10px;
    width: auto;

}

.auto-margin {
    margin: 0 auto;
}
/*---Home------*/
.container_left {

    float: left;

    margin-right: 10px;
    width: 610px;
}
.container_right {
    float: right;
    width: 360px;
}
.footer_left {
    color: gray;
    float: left;
    font-size: 13px;
    height: 100px;
    margin-left: 10px;
    width: 20%;
}
.footer_right {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right;
    width: 70%;
}
.footer_right a {
    color: gray;
    padding: 0 5px;
    text-decoration: none;
}
.footer_in {
    border-top: 1px solid #D8DFEA;

    margin: 0 auto;
    padding-top: 5px;
    width: 980px;
}

.container_bg
{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.news_container
{
    float: left;


}
.news_container ul
{
    float: left;
    padding:8px;

}
.container_left div.title {
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0 0 5px 15px;
    width: 595px;
    font-size: 12px;
    color: #333333;
    background: url(../images/bullet01.gif) no-repeat left center;
}
.container_right .container_block div.title {
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0 0 5px 15px;
    width: 345px;
    font-size: 12px;
    color: #333333;
    background: url(../images/bullet01.gif) no-repeat left center;
}
.member_l .container_block div.title {
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0 0 5px 0px;
    width: 100%;
    font-size: 12px;
    color: #333333;

}
.pagination-top {
    text-align: center;
    width: 61px;
    float: right;
}
.pagination-top .next-btn {
    background: url("../images/file_nav_next.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 30px;
}
.pagination-top .next-btn:hover {
    background: url("../images/file_nav_next_hover.gif") no-repeat scroll 0 0 transparent;

}
.pagination-top .previous-btn {
    background: url("../images/file_nav_previous.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 30px;
}
.pagination-top .previous-btn:hover {
    background: url("../images/file_nav_previous_hover.gif") no-repeat scroll 0 0 transparent;

}
.news_list {
    border: 1px solid #D8DFEA;
    border-top-color: #6ED5D6;
    border-top-width:  2px;
}
.news_list li {
    border-bottom: 1px dotted #D8DFEA;
    display: inline;
    float: left;
    list-style: none outside none;
    padding: 5px 0;
    width: 100%;
    font-size: 11px;
}
.news_list li .poster  {
    color: #959595;
}
.news_list li .poster img {
    vertical-align: middle;
    margin-right: 5px;
}

.news_list li.end {
    border-bottom: none;

}
.news_list li a.thumb {
    border: 1px dotted #C0C0C0;
    float: left;
    margin-right: 10px;
    padding: 3px;
    width: 52px;
    height: 52px;
    overflow: hidden;
}
.news_list li a.thumb img{

    width: 50px;

}
.container_right .news_list li a.thumb {

    width: 42px;
    height: 42px;
    overflow: hidden;
}
.container_right .news_list li a.thumb img {

    width: 40px;
}
.container_right .news_list li a {
    font-size: 11px;
}
.container_right .news_list li  {
    width: 50%;
}
.container_right .news_list li.focus  {
    width: 100%;
}
.container_right .news_list li.focus a.thumb {
    width: 102px;
    display: block;
    height: 82px;
    overflow: hidden;
}
.container_right .news_list li.focus a.thumb img  {
    width: 100px;
}
.container_right .news_list li.focus  {
    width: 100%;
}
.news_list li h2 {
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;

}
.news_list li h2 a{
    font-size: 12px;
}
.news_list span.sendDate {
    color: #959595;

    font-size: 11px;
}
.news_list span.sendDate b {
    font-weight: normal;
    margin-left: 10px;
    color: #333333;
}
.container_block
{
    float: left;
    width: 100%;
}
.block_list
{
    padding:5px;
    border: 1px solid #D8DFEA;
    border-top-color: #6ED5D6;
    border-top-width:  2px;
    float: left;
}

ul.block_list li {  
    float: left;
    line-height: 17px;
    margin: 5px 0px 3px 5px;

    text-align: center;
}
ul.block_list li a{  
    font-size: 11px;
}
ul.block_list li img {  
    width: 60px;
}
.member_l ul.block_list li img {  
    width: 50px;
}
.friend_left ul li {  
    float: left;
    line-height: 17px;
    margin: 5px 2px 3px;
    text-align: center;
}
.friend_left ul  {  
    float: left;
    width: 180px;
}
.pic_container{
    float: left;
    width: 950px;
    padding: 15px 10px 0px 10px;
}
.pic_list{

    padding:8px;
    float: left;
    width: 592px;
    border: 1px solid #D8DFEA;
    border-top-color: #6ED5D6;
    border-top-width:  2px;
}
.pic_container ul {
    float:left;
    height: 120px;
}
.pic_container ul li {
    float:left;
    margin: 0 3px;
}
.pic_container ul li img {
    width: 110px;
}

/*.member_c .pic_container{

    padding:5px 4px 2px 6px;
    float: left;
    width: 518px;
    border: 1px solid #D8DFEA;
    border-top-color: #6ED5D6;
    border-top-width:  2px;
    margin-bottom: 10px;
}
.member_c .pic_container ul li {
    float:left;
    width: 101px;
    overflow: hidden;
    margin: 0px 0px 0px 2px;
}*/
.pic_container #pic_slide li {
    float: left;
    width: 126px;
    min-height: 100px;
}
.pic_container #pic_slide li a {
    float: left;
    padding: 7px 5px 15px 5px;
    background: #F9F9F9;
    border: 1px solid #fff;    
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: 0px 2px 5px #DDD; 
    -moz-box-shadow: 0px 2px 5px #DDD;
    -webkit-box-shadow: 0px 2px 5px #DDD;
    position: relative;
}
.pic_container #pic_slide li a.pic-1 {
    z-index: 1;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(4deg);
}
.pic_container #pic_slide li a.pic-2 {
    z-index: 5;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}
.pic_container #pic_slide li a.pic-3 {
    z-index: 3;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
}
.pic_container #pic_slide li a.pic-4 {
    z-index: 3;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
}

.pic_container #pic_slide li a:hover {
    z-index: 10;
    -moz-box-shadow: 3px 5px 5px #ccc;
}

/*---end home---*/
.suggest_friend{
    width: 100%;
    float: left;
}
.col_r .suggest_friend{
    width: 225px;
    float: left;
}
.suggest_friend ul li {width: 100%;float: left;margin: 3px 0;cursor: pointer}

.suggest_friend ul li a.thumb{width: 47px;height: 47px;overflow: hidden;}
.suggest_friend ul li a.thumb img{width: 47px;float: left}
.suggest_friend .removeImage{
    margin: -20px 0px -4px 0;
}

.suggest_friend ul li:hover .removeImage{

    background: url("../images/icon6.gif") no-repeat scroll 2px 2px transparent;

}
.suggest_friend ul li .removeImage:hover{

    background: url("../images/delete_hover.png") no-repeat scroll  transparent;

}

.avatar a,.avatar1 a{
    display: block;
    float: left;
}

.avatar a,.avatar1 a img{
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.avatar a:hover,.avatar1 a:hover{
    box-shadow: 0 0 3px #999999;

}
.thumb{
    display: block;
    float: left;

    margin-right: 5px;
}
.thumb img{
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.thumb:hover{
    box-shadow: 0 0 3px #999999;

}
.hiddenSuggest{
    display: none;
}
.suggest_friend .content_module{
    width: 100%;
}
.upload_image
{
    float: left;
    width: 100%;
    background: #f9f9f9;
    padding-bottom: 10px;
}
.upload_image ul li{
    font-size: 12px;
    width:705px;
}
.upload_image ul li #album_name{
    width: 200px;
    padding: 4px 5px;
    font-size: 13px;
    border: 1px solid #D5D5D5;
}
.upload_image ul li #album_name_readonly{
    width: 200px;
    padding: 4px 5px;
    font-size: 13px;   
    margin-left: 5px;
    font-weight: bold;
}

.upload_image ul li select{
    float: none;
    width: 212px;
    padding: 3px 4px;
    font-size: 13px;
    border: 1px solid #D5D5D5;
    margin-right: 0px;
    line-height: 16px;
}
.upload_image ul li select option {
    margin: 3px 0px;
}

.actiondiv {
    background-color: #F4F4F4;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 135px;
    opacity:0.9;
    display: none;
}
.mb_l_bg:hover .actiondiv{
    display: block;
}
.imageThumb {
    float: left;
    margin: 3px 5px 5px 0;
    max-height: 200px;
    overflow: hidden;
    width: 100px;
    display: none;
}
#image-link-thumb{

}
#image-link-thumb img{
    display: none;
}
.link-content {
    float: left;
    overflow: hidden;
    width: 390px;
    display: none;
    margin-bottom: 8px;
}
.thumb-controll {
    padding-top: 10px;

}
.thumb-controll a.prev {
    background-position: 0 -83px;
}
.thumb-controll a.next {
    background-position: -25px -83px;
}
.thumb-controll a {
    background: url("../images/combie_btn.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
    width: 25px;

}
.thumb-controll a:hover {
    text-decoration: none;

}
.thumb-controll span {
    width: auto;
    text-align: left;
    display: inline;
}
.comment1 p img{
    margin-right: 8px;
    border: 1px solid #D2D2D2;
    padding: 2px;
    margin-top: 5px;
}
.like{
    float:left;
    padding-top: 5px;
    background: url("../images/like_icon.gif") no-repeat center;
    height: 15px;width: 26px;
    margin-right: 5px;
    cursor: pointer;
}
.like:hover{

    background: url("../images/like_icon_hover.gif") no-repeat center;


}
.liked{
    float:left;
    padding-top: 5px;
    background: url("../images/liked_icon.gif") no-repeat center;
    height: 15px;width: 26px;
    margin-right: 5px;
    cursor: pointer;
}
.liked:hover{

    background: url("../images/liked_icon_hover.gif") no-repeat center;


}
.divSubBlogComment .like{
    margin-right: 0px;
    margin-left: 10px;
    display: none;
}
.divSubBlogComment .liked{
    margin-right: 0px;
    margin-left: 10px;
    display: none;
}
.divSubBlogComment:hover .like{

    display: block;
}
.divSubBlogComment:hover .liked{

    display: block;
}
.friend ul li{
    width: 55px;
}
#postLink1{
    padding: 5px;
    margin-left: 5px;
}
#commentLink{
    margin-top: 10px;
}

.w_100{
    width: 100%;
}
#control_dis_stream{
    margin-bottom: 15px;
    float: left;
    line-height: 22px;
    border-bottom: 1px solid #B7C5CE;
    width: 100%;

}
#control_dis_stream ul li{
    float: left;
    margin: 0px 5px;
    padding-bottom: 4px;
    width: auto;
    font-size: 12px;
    display: block;
}
#control_dis_stream ul li.sub{
    position: relative;
}
#control_dis_stream ul li.sub ul{  
    background: #FFFFFF;   
    border: 1px solid #B7C5CE;  
    border-top:none;
    display: none;
    margin: 0;
    padding: 0px 0px 5px 5px;
    position: absolute;
    left: 0px;
    top: 27px;
    z-index: 9999;
    box-shadow: 0 1px 5px #CCCCCC;
}
#control_dis_stream ul li.sub ul li{  
    float: none;
    min-width: 152px;
}

#control_dis_stream ul li a{
    display: inline-block;
    padding: 0px 10px 0px 20px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-size: 11px;
    background: url("../images/nav_gray.png") no-repeat left;

}
#control_dis_stream ul li a:hover{
    text-decoration: none;
    background: url("../images/nav_red.png") no-repeat left;
    color: #DD4B39;
}
.arrow-bottom {
    background: url("../images/bullet02_over.gif") no-repeat scroll 0 5px transparent;
    margin-left:  5px;
    width: 10px;
    height: 10px;
    display: block;
    float: right;
    margin-top: 5px;
}

#control_dis_stream ul li a:hover .arrow-bottom{
    background: url("../images/arrow_stream_over.gif") no-repeat scroll 0 5px transparent;
}
#control_dis_stream ul li a.active{
    background: url("../images/nav_red.png") no-repeat left;
    color: #DD4B39;
}
#control_dis_stream ul li.sub ul li a{
    font-weight: normal;
    color: #333;
    display: block;
}
#control_dis_stream ul li.sub ul li a:hover{
    font-weight: normal;
    color: #DD4B39;
}

.ntcounter {
    background-color: #FF0100;
    bottom: 15px;
    color: #FFFFFF !important;
    display: none;
    font-size: 11px;
    font-weight: bold;   
    left: 15px;
    top: -2px;
    margin: 0;
    padding: 1px;
    position: absolute;
    text-align: center;
    white-space: nowrap;   
    border-radius: 50%;
    width: 17px;
    height: 15px;
    z-index: 1000;
}
.ntcounter-mid {
    display: inline-block;
    line-height: 13px;
}
.ntcounter {
    color: #FFFFFF !important;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;

}
#accpopup, #msgpopup, #annpopup,#loginpopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AEE5DB;
    color: #444444;
    cursor: default;
    position: absolute;
    right: 0;
    text-align: left;
    top: 35px;
    width: 300px;
    z-index: 10000;
    -moz-box-shadow:  4px 5px 5px -3px #CCCCCC;
    -webkit-box-shadow:  4px 5px 5px -3px #CCCCCC;
    box-shadow:  4px 5px 5px -3px #CCCCCC;
    font-size: 11px;
}
#loginpopup {
    width: 400px;
    top: 35px;   
}
#loginpopup input{
    border: 1px solid #AAC1D1;
    color: #555555;
    padding: 4px 3px;
}
#loginpopup .dn_l{
    font-weight: bold;
}

.ntpopup-overlap {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 2px;
    line-height: 2px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -1px;
    width: 32px;
    z-index: 1000000;
}
.ntpopup-overlap {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 2px;
    line-height: 2px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -1px;
    width: 32px;
    z-index: 1000000;
}

#ntpopup-head, #pmpopup-head, #frpopup-head {
    color: #444444;
    font-size: 11px;
    padding: 3px;
}
#ntpopup-head a, #pmpopup-head a, #frpopup-head a {
    height: 15px;

}
#msglist a,#notlist a{
    height: auto;
    border: none;
}
#notlist, #frlist, #msglist {
    border-top: 1px solid #E0E0E0;
    margin: 0 5px 5px;
    float: left;
}
#notlist img, #frlist img, #msglist img{
    width: 45px;
    height: 45px;

}

#msglist ul li,#notlist ul li{
    width: 290px;
    float: left;
    margin:0px;
    border-bottom: 1px solid #E9E9E9;
    padding: 5px 0px;
}
#msglist ul li:hover,#notlist ul li:hover{
    background: none repeat scroll 0 0 #F9F9F9;
    cursor: pointer;
}
#msglist ul li span,#notlist ul li span{
    float: left;
}
.avatar_loading{
    margin-top: 10px;
    display: none;
}
#divupload{
    display: none;
}
.editable,.readonly{
    width:70%;
    float:left;
}
.a-Lf {
    border-top: 1px solid #EBEBEB;
    margin-bottom: 10px;
    margin-top: 9px;
}
.friend_left img{   
    height: 50px;
    width: 50px;
}
input[type="text"]{
    padding: 5px 3px;

}
.sys_action{
    width: 25px;
    height: 14px;  
    position: absolute;
    right: 20px;
    top:0px;
    cursor:pointer;
    border-radius:2px;
    background-color: #FAFAFA;
    border:1px solid #E6E6E6;
    z-index: 101;
}
.sys_action_active{
    border-color: #CCC;
    background: #FFF;
}
.sys_action .sys_act_icon{
    width: 9px;
    height: 12px;
    background: url('../images/nav_sysact.png') no-repeat -8px 1px;
    cursor:pointer; 
    margin: 0px auto;

}
.sys_action_active .sys_act_icon{
    border-color: #CCC;
    background: url('../images/nav_sysact.png') no-repeat 0px 2px;
}
.uiOverlayContent {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.45) #666666;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    position: relative;
}